<template>
	<div class="apply">
		<ul class="apply-left">
			<router-link to='mine' tag="li" active-class="apply-bo" class="apply-li hend">我的车队<span>&gt;</span></router-link>
			<router-link to='docu' tag="li" active-class="apply-bo" class="apply-li hend">证件查询<span>&gt;</span></router-link>
			<router-link to='shar' tag="li" active-class="apply-bo" class="apply-li hend">共享管理<span>&gt;</span></router-link>
		</ul>
		<div class="apply-rgiht">
			<router-view></router-view>
		</div>
	</div>
</template>

<script>
</script>

<style>
	.apply{
		width: 1600px;
	}
	.apply-left{
		float: left;
		height: 600px;
		border-right: 1px solid #e8e8f0;
	}
	.apply-rgiht{
		float: left;
		width: 85%;
	}
	.apply .apply-li{
		width: 200px;
		font-size: 14px;
		text-align: center;
		height: 50px; 
		line-height: 50px;
		border-bottom: 1px solid #e8e8f0;
		color: #666;
	}
	.apply:active{
		content: '';
		display:block;
		clear:both
	}
	.apply .apply-li span{
		float: right;
		margin-right: 40px;
	}
	.apply .apply-bo{
		background: #f5f6fb;
		color: #364eb2;
		border-collapse: #e8e9ee;
	}
	.hend{
		cursor: pointer;
	}
</style>